<template>
  <div id="app">
<!-- <Pagenation></Pagenation>
<First/><br><br>
<Date></Date>
<select-ex></select-ex>
<Bigex></Bigex>
<foldingpanel></foldingpanel>
<form-selection></form-selection>
<prop-test :confData="formData"></prop-test>
<Form/> -->
   <router-view></router-view>
  </div>
</template>

<script>

import Pagenation from "@/components/pagenation.vue"
import First from "@/components/First.vue"
import Form from "@/components/Form.vue"
import Date from "@/components/Date.vue"
import SelectEx from "@/components/SelectEx.vue"
import Bigex from "@/components/Bigex.vue"
import Foldingpanel from './components/Foldingpanel.vue'
import FormSelection from './components/FormSelection.vue'
import PropTest from '@/components/PropTest.vue'

export default {
  name: 'App',
  data() {
    return {
      formData:{
        a:1,
        b:2,
      }
    }
  },
  components: {
  //Pagenation,
  // Date,
  // SelectEx,
  // Bigex,
  // Foldingpanel,
  // FormSelection,
  // PropTest,
 //First,
 Form
  }
}
</script>

<style>
#app {
  font-family: Avenir, Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  color: #2c3e50;
  margin-top: 60px;
}
</style>
